import React from 'react';
import Loadable from 'react-loadable';   // 警告 

import {Spin} from "antd";
//通用的过场组件
const loadingComponent =()=>{

    return (
        <div style={{display:'flex',justifyContent:"center",alignItems:'center',width:"100vw",height:"100vh"}}>
            <Spin size="large" />
        </div>   // 过场动画  
    ) 
}

//过场组件默认采用通用的，若传入了loading，则采用传入的过场组件
export default (loader,loading = loadingComponent)=>{
    return Loadable({
        loader,
        loading
    });
}